<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Background</title>
    <style>
        div{
            /*width: 500px;*/
            /*height: 100px;*/
            /*padding: 20px;*/
            /*-webkit-background-size: 80px 60px;*/
            /*background-size: 80px 60px;*/
            /*background-color: rebeccapurple;*/
            background-image: url("../images/bg_flower.gif"), url("../images/bg_flower_2.gif");
            /*background-clip: padding-box;*/
            /*-webkit-background-size: ;*/
            background-size: 10% 100%;
            /*overflow: hidden;*/
            background-repeat: no-repeat;
        }
    </style>
</head>
<body>
    <div>
        <p>Hello World</p>
        <p>Hello World</p>
        <p>Hello World</p>
        <p>Hello World</p>
        <p>Hello World</p>
        <p>Hello World</p>
        <p>Hello World</p>
        <p>Hello World</p>
        <p>Hello World</p>
    </div>
</body>
</html>